<template>
  <div>
    {{num}}--{{numGetters}}
    <br>
    <button @click="btnClk">click</button>
  </div>
</template>

<script>
// import { createNamespacedHelpers } from 'vuex'
// const { mapState, mapActions } = createNamespacedHelpers('about')
import {mapState , mapMutations,mapActions,mapGetters} from "vuex"
export default {
  methods: {
    ...mapMutations('about',['SET_NUM']),
    ...mapActions('about',['getNum']),
    ...mapActions(['getData']),
    btnClk(){
      this.SET_NUM()
      // this.getNum()
      // this.getData()
    }
  },
  computed:{
    // ...mapState(['num'])
    ...mapState('about',['num']),
    ...mapGetters('about',['numGetters'])
  },
  // mounted(){
  //   console.log(this.$route.params.username,this.$route.params.post_id)
  // }
}
</script>

<style scoped>

</style>